<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> 
    <head>
        <title></title>
        <link rel="stylesheet" href="css/reset.css" />
        <link rel="stylesheet" href="css/layout.css" />
        <link rel="stylesheet" href="css/box.css" />
        <link rel="stylesheet" href="css/style.css" />
        <script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
        <base target="_top" />
        <script type="text/javascript">
            function checkinput(){
                        
                if($('#username').val() == '' ){
                    $('#usernamelabel').css("color","red");
                               
                    return false;
                }
                       
                if($('#password').val() == '' ){
                    $('#passwordlabel').css("color","red");
                    return false;
                }
                $("#login-form").submit();
                       
			
            }
        </script>
    </head>
    <body>

        <div id="content" class="index">
            <div class="layout grid-m0s6">
                <div class="col-main">
                    <div class="main-wrap">
                        <div class="index_show"><a href="help.jsp"><img src="images/index_show.png" alt="帮助" /></a></div>
                    </div>
                </div>
                <div class="col-sub">
                    <div class="s-box s-box-weak">
                        <u class="s-box-top"><s></s><b></b></u>
                        <div class="s-box-hd">
                            <c:if test="${empty user}">
                                <h3 class="s-box-title">爱词登录</h3>
                            </c:if>
                            <c:if test="${!empty user}">
                                <h3 class="s-box-title">用户信息</h3>
                            </c:if>
                        </div>
                        <div class="s-box-bd">
                            <div class="bd">
                                <form method="post" name="login_form" action="user" id="login-form">
                                    <input name="_tb_token_" type="hidden" value="3e335363dee34">
                                    <input name="action" type="hidden" value="login">
                                    <c:if test="${empty user}"> 
                                        <ul class="field">
                                            <li>
                                                <span class="label">用户名 </span>

                                                <input type="text" id="username" title="邮箱" name="username" class="text" value="">
                                            </li>
                                            <li>
                                                <span class="label">密&nbsp;&nbsp;码 </span>

                                                <input type="password" class="text" id="password" name="password" maxlength="16">
                                                <input type="hidden" id="_fmm.l._0.lo" name="_fmm.l._0.lo" value="">
                                            </li>
                                        </ul>


                                        <div class="msg">
                                            <p class="error red ks-hidden"></p>

                                        </div>
                                        <div class="option layout">
                                            <button type="submit" class="button login-btn" id="login-btn" onclick="return checkinput();"></button>
                                            <label title="为了确保您的信息安全，请不要在网吧或者公共机房勾选此项！" for="autoLogin" class="labelCheckbox">
                                                <input type="checkbox" name="isRemember" id="isRemember" value="true" tabindex="3">记住我
                                            </label>
                                        </div>	
                                        <div class="register">
                                            <!--								
                                            <a href="http://www.51words.com/membersvc/member/register.htm">忘记密码？</a>
                                            -->
                                            <a class="registerlink" href="register.jsp"  >马上注册</a>
                                        </div>
                                    </c:if> 
                                </form>
                                <c:if test="${!empty user}"> 
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用户名：${user.username}   <br>
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;当前课本：${currentLib.libname }  <br>
                                    &nbsp;&nbsp;&nbsp;&nbsp;  单词总数：${currentLib.quantity } <br>
                                    &nbsp;&nbsp;&nbsp;&nbsp;   学习程度：
                                    <span class="activity-bar">
                                        <span style="width: 100%;">${currentLib.percent * 10}</span> 
                                    </span>${currentLib.percent}%<br><br><br>
                                    &nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;  
                                    <a href="sysLib?action=list">
                                        <img src="images/gai_03.jpg"  alt="我要背单词" /> 
                                    </a>
                                </c:if>

                                <script>
                                </script>
                            </div>

                        </div>
                        <u class="s-box-bottom"><s></s><b></b></u>
                    </div>
                </div>
            </div>

            <div class="layout grid-m">
                <div class="col-main">
                    <div class="showpic">
                        <ul>
                            <li class="step step1"><a href="http://r.5iwords.com/version/5iwords.apk">Android客户端下载</a></li>
                            <li class="step step2"><a href="iphone.jsp">iPhone客户端下载</a></li>
                            <li class="step step3"><a target="_blank"  href="http://www.sinowy.org">西诺教育</a></li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>
        <div id="footer">
            <div class="layout grid-m">
                <div class="col-main">
                    <div class="rights">© Copyright 2010~2011, All Rights Reverved. Supported By Oasisutio.</div>
                </div>
            </div>
        </div>


    </body>
</html>